<template>
  <div class="form-group row">
    <label :for="dataId" class="col-3 col-form-label text-right">{{labelText}}</label>
    <input
      :id="dataId"
      :type="type"
      class="col-8 form-control"
      :placeholder="placeholder"
      :value="value"
      @input="$emit('input',$event.target.value)"
    />
  </div>
</template>
<script>
export default {
  name: "FormGroupInput",
  model: {
    prop: "value",
    event: "input"
  },
  props: {
    value: {
      default: ""
    },
    labelText: {
      default: ""
    },
    dataId: {
      default: ""
    },
    type: {
      default: "text"
    },
    placeholder: {
      default: ""
    }
  }
};
</script>